<#include "common/_layout.html"/>
<@layout>
<section id="portfolio">
    <div class="container">
        <div class="center">
            <h2>${WEB_TITLE!}</h2>
            <p class="lead">${OPTION('product_show')!}</p>
        </div>
        <ul class="portfolio-filter text-center">
            <li><a class="btn btn-default " href="${CPATH}/products" data-filter="*">所有</a></li>
            <@jp.taxonomys module='product'>
            <#list taxonomys as taxonomy>
                <#if WEB_TITLE?contains(taxonomy.title)>
                    <li><a class="btn btn-default active" href="${taxonomy.url!}" data-filter=".bootstrap">${taxonomy.title!}</a></li>
                <#else>
                    <li><a class="btn btn-default" href="${taxonomy.url!}" data-filter=".bootstrap">${taxonomy.title!}</a></li>
                </#if>
            </#list>
            </@jp.taxonomys>
        </ul><!--/#portfolio-filter-->
        <@jp.contentPage>
        <div class="row">
            <div class="portfolio-items">
                <#list page.getList() as content>
                <div class="portfolio-item apps col-xs-12 col-sm-4 col-md-3">
                    <div class="recent-work-wrap">
                        <img class="img-responsive" src="${content.thumbnail!}" alt="" style="width: 290px;height: 310px;overflow:hidden;" >
                        <div class="overlay">
                            <div class="recent-work-inner">
                                <h3><a href="${content.url}">${content.title}</a></h3>
                                <p>${content.summary}</p>
                                <a class="preview" href="${CTPATH}/images/portfolio/full/item1.png" rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>
                            </div>
                        </div>
                    </div>
                </div><!--/.portfolio-item-->
                </#list>
            </div>
        </div>
    </@jp.contentPage>
    </div>
</section><!--/#portfolio-item-->
</@layout>